<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>选择出行城市</title>
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../../css/trip/apply/sort.css" />
    <link rel="stylesheet" href="../../../css/trip/apply/addr.css">
    <link rel="stylesheet" href="../../../css/my/frequenter/index.css" />
</head>
<body style="cursor: pointer">

    <div class="aui-content content-padded" style="position:fixed;width:100%;background:#f7f7f7;z-index:999;top:0;">
        <div class="search">
            <i class="aui-iconfont aui-icon-search"></i>
            <input class="search_city" id="inputCity" type="text" placeholder="搜索城市" style="height: 1.6rem;" value="">
        </div>
    </div>
    <div class="hotCity" style="margin-top: 2.2rem;">
        <div class="cityTitle"><span>热门城市</span></div>
        <ul>
            <li class="hot_city">北京</li>
            <li class="hot_city">上海</li>
            <li class="hot_city">深圳</li>
            <li class="hot_city">广州</li>
            <li class="hot_city">成都</li>
            <li class="hot_city">重庆</li>
            <li class="hot_city">杭州</li>
            <li class="hot_city">西安</li>
            <li class="hot_city">武汉</li>
            <li class="hot_city">青岛</li>
            <li class="hot_city">郑州</li>
            <li class="hot_city">天津</li>
            <li class="hot_city">济南</li>
            <li class="hot_city">南京</li>
            <li class="hot_city">厦门</li>
            <li class="hot_city">长沙</li>
            <li class="hot_city">太原</li>
        </ul>
    </div>
    <ul id="tab-target" style="margin-top: 0rem;">
        <li class="sort_box" id="addressList"></li>
        <li></li>
    </ul>
</body>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-toast.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-tab.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery.charfirst.pinyin.js"></script>
<script type="text/javascript" src="../../../script/extend/sort.js"></script>
<script type="text/javascript" src="../../../script/extend/doT.min.js"></script>
<script type="text/javascript" src="../../../script/config.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../service/index/city/applyCity.js"></script>
<script id="addressListScript" type="text/x-dot-template">
    <div id="letter" ></div>
    {{ for(var i=0;i < it.length;i++) {}}
        <li class="sort_list">
            <div class="num_name">{{=it[i].name}}</div>
            <i class="aui-iconfont aui-icon-correct hidden"></i>
        </li>
    {{ } }}
    <div class="initials">
        <ul></ul>
    </div>
</script>
<script>
  apiready = function(){
      api.parseTapmode();
      new applyCity({
          cityType: 'single'
          ,firstStorage   : 'travel_site'
          ,secondStorage  : 'travel_destination'
          ,jsonFilePath   : '../train/train_city_list.json'
      });
  };
</script>
</html>
